<template>
<div class="container">
    <nav>
        <i class="yo-ico" @click="gobackHandler">&#xe66c;</i>
        <span>粉丝通知</span>
    </nav>
    <main class="praise-list">
        <FollowerList :content='text'></FollowerList>
        <FollowerList></FollowerList>
        <FollowerList></FollowerList>
        <FollowerList></FollowerList>
        <FollowerList></FollowerList>
        <FollowerList></FollowerList>

    </main>
</div>
    
</template>

<script>
import FollowerList from '../../../components/fordynamic/FollowerList'

export default {
    data(){
        return{
            text:'马化腾关注了你的微信ID'
        }
    },
    components:{
        FollowerList
    },
    methods:{
      gobackHandler(){
          this.$router.back()
      }
  }
}
</script>

<style lang='stylus' scoped>
.container
    display flex 
    flex-direction column
    nav 
        height .5rem
        display flex
        .yo-ico 
            flex 30
            padding-left .1rem
            font-size .2rem
            width .3rem
            height .3rem
            line-height .5rem
        span 
            flex 345
            font-size .2rem
            text-align center
            height .5rem
            line-height .5rem
            padding-right .3rem
            
    .praise-list
        flex 1

</style>
